<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath%>">
<title>个人注册</title>
<link rel="stylesheet" type="text/css" href="static/css/register.css" />
<script type="text/javascript" src="static/js/jquery-3.2.1.js"></script>
<script type="text/javascript" src="static/js/register.js"></script>
</head>
<body>
	<div class="header">
		<div class="logo-con w clearfix">
			<a href="" class="logo"> </a>
			<div class="logo-title">欢迎注册</div>
			<div class="have-account">
				已有账号？ <a href="jsps/login.jsp">请登录</a>
			</div>
		</div>

	</div>
	<div class="container w">

		<div class="main clearfix" id="form-main">
			<div class="reg-form fl">
				<form action="register" id="register-form" method="post">
					<div class="form-item form-item-account">
						<label>用 户 名</label> <input type="text" id="form-account"
							name="userName" required="required" class="field"
							autocomplete="off" maxlength="20" placeholder="您的账户名和登录名"
							default='<i class="i-def"></i>支持中文、字母、数字、“-”“_”的组合，4-20个字符' /> <i
							class="i-status"></i>
					</div>
					<div class="input-tip">
						<span id="one"></span>
					</div>
					<div class="form-item">
						<label>设 置 密 码</label> <input type="password" name="password"
							required="required" class="field" maxlength="20"
							placeholder="建议至少使用两种字符组合"
							default="<i class=i-def></i>建议使用字母、数字和符号两种及以上的组合，6-20个字符" />


					</div>
					<div class="input-tip">
						<span id="two"></span>
					</div>
					<div class="form-item">
						<label>确 认 密 码</label> <input type="password" id="password"
							name=" password1" required="required" class="field"
							placeholder="请再次输入密码" maxlength="20"
							default='<i class="i-def"></i>请再次输入密码' />


					</div>
					<div class="input-tip">
						<span id="three"></span>
					</div>

					<div class="item-phone-wrap">
						<div class="form-item form-item-phone">
							<label>中国 0086 <a class="arrow"></a></label> <input type="text"
								name="phone" class="field" placeholder="建议使用常用手机"
								autocomplete="off" maxlength="11"
								default='<i class="i-def"></i>完成验证后，你可以用该手机登录和找回密码' />


						</div>
						<div class="input-tip">
							<span id="four"></span>
						</div>
					</div>
					<div class="form-item form-item-phonecode">
						<label>手机验证码</label> <input type="text" name="mobileCode"
							maxlength="6" id="phoneCode" class="field phonecode"
							placeholder="请输入手机验证码" autocomplete="off" />



						<button id="getPhoneCode" class="btn-phonecode" type="button">获取验证码</button>
					</div>
					<div class="input-tip">
						<span></span>
					</div>

					<div>
						<button type="button" id="submit" class="btn-register">立即注册</button>
					</div>
				</form>
			</div>
			<div class="reg-other">
				<div class="company-reg">
					<a href=""> <i class="i-company"></i> <span>企业用户注册</span>
					</a>
				</div>
				<div class="inter-cust">
					<a href="//reg.joybuy.com/reg/person.html"> <i class="i-global"></i>
						<span>INTERNATIONAL<br />CUSTOMERS
					</span>
					</a>
				</div>
			</div>
		</div>
	</div>
</body>
</html>